// 颜色变量
$primary-color: #e4393c;
$primary-red: #e4393c;
$primary-blue: #1890ff;
$success-color: #52c41a;
$warning-color: #faad14;
$danger-color: #ff4d4f;
$info-color: #1890ff;

$text-color: #333;
$text-color-secondary: #666;
$text-color-disabled: #999;
$text-primary: #e4393c;
$text-secondary: #666;
$text-tertiary: #999;
$text-white: #fff;

$bg-color: #f5f5f5;
$bg-color-white: #fff;
$bg-color-gray: #fafafa;
$bg-white: #fff;
$bg-gray: #f5f5f5;
$bg-light-gray: #fafafa;

$border-color: #e5e5e5;
$border-color-light: #f0f0f0;
$border-light: #f0f0f0;

// 间距变量
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 12px;
$spacing-base: 16px;
$spacing-lg: 20px;
$spacing-xl: 24px;
$spacing-xxl: 32px;

// 圆角变量
$border-radius-sm: 2px;
$border-radius-base: 4px;
$border-radius-md: 6px;
$border-radius-lg: 8px;
$border-radius-xl: 12px;
$border-radius-round: 50%;

// 阴影变量
$box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.1);
$box-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.1);
$box-shadow-hover: 0 6px 16px rgba(0, 0, 0, 0.15);
$box-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);

// 字体变量
$font-size-xs: 12px;
$font-size-sm: 13px;
$font-size-base: 14px;
$font-size-md: 15px;
$font-size-lg: 16px;
$font-size-xl: 18px;
$font-size-xxl: 20px;

$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-semibold: 600;
$font-weight-bold: 700;

// 过渡变量
$transition-base: all 0.3s ease;
$transition-fast: all 0.15s ease;
$transition-slow: all 0.5s ease;

// 最大宽度 - 支持4K和更高分辨率（等比缩放）
$max-width: 1400px;
$max-width-large: 1600px;
$max-width-xl: 1800px;
$max-width-2k: 2000px;    // 2K屏幕适配 (1.43倍)
$max-width-4k: 2800px;    // 4K屏幕适配 (2倍)
$max-width-5k: 3500px;    // 5K屏幕适配 (2.5倍)

// 真正的等比缩放比例（基于CSS transform scale）
$scale-2k: 1.43;          // 2K屏幕缩放比例
$scale-4k: 2.0;           // 4K屏幕缩放比例  
$scale-5k: 2.5;           // 5K屏幕缩放比例

// 缩放中心点
$scale-origin: center top;

// 断点 - 增加高分辨率断点
$breakpoint-xs: 480px;
$breakpoint-sm: 768px;
$breakpoint-md: 1024px;
$breakpoint-lg: 1200px;
$breakpoint-xl: 1400px;
$breakpoint-xxl: 1600px;
$breakpoint-2k: 1920px;   // 2K屏幕
$breakpoint-4k: 2560px;   // 4K屏幕
$breakpoint-5k: 3200px;   // 5K屏幕
